@import "../../../../src/less/quote/color.less";
.com-pagination{
  display: inline-block;
  font-size: 12px;

  .page-btn,.item-num,.item-more{
    float: left;
    border: .5px solid @cdb;
    margin-left: 3px;
    cursor: pointer;
    text-align: center;
    user-select: none;

    &:hover {
      color: @com-main-a;
    }
  }

  //addClass
  .active{
    background-color: @com-main-a;
    color:@cf !important;
    border:none;
  }


  .page-item{
    //overflow: auto;
    float: left;
    .item-list{
      &:last-child{
        display: none;
      }
    }
    .item-num,.item-more{
      height: 30px;
      width:30px;
      line-height: 30px;
    }
    .item-more{
      display: none;
      i{
        position: relative;
        display: inline-block;
        width:2px;
        height:2px;
        margin:0 1px;
        border-radius: 100%;
        vertical-align: middle;
        background-color: @c9;
      }
      &:hover{i{background-color: @com-main-a;}}
    }
  }
  .page-btn{
    height: 30px;
    padding: 0 10px;
    line-height: 30px;
    &:first-child{margin-left: 0;}
  }

}